<template>
	<!--  我是首页列表  -->
	<div style="width: 100%;height: 100%;">

		<!--  显示滚动效果  顶级作品宣传  -->
		<mu-carousel hide-controls style="height:92%;width: 99%;">
			<mu-carousel-item v-for="item in urlListArr" :key="item">
				<el-image style="height:100%;width: 100%;" :src="item" fit="cover"></el-image>
			</mu-carousel-item>
		</mu-carousel>

		<div id="pageFooter">
			<p>公司主体:北京清风尚花艺设计有限公司</p>
			<p>备案号:京ICP备19028871号</p>
		</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				urlListArr: [require("../../../imgs/icon_20200116094341.jpg"),
					require("../../../imgs/icon_20200116094344.jpg"),
					require("../../../imgs/icon_20200116094336.jpg"),
					require("../../../imgs/icon_20200116094347.jpg"),
				],

			}
		},
		methods: {
			//向父组件发送消息，比如 通知本页面生成了
			sendMessageForParent() {
				this.$emit("listenToEvent", "0");
			},
		},
		mounted() {
			//向父组件传递消息
			this.sendMessageForParent();
		},
	}
</script>

<style>
	#pageFooter {
		line-height: 5px;
		text-align: center;
		font-family: PingFang SC;
		height: 8%;
		color: #a9a9a9;
		padding-top: 2px;
		font-size: 12px;
	}
</style>
